<ion-header>
    <ion-navbar color="orange">
        <ion-title>
          高级用户注册
        </ion-title>
      </ion-navbar>
</ion-header>

<ion-content>
<!-- 近照 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 flex flex-align-center">
  <div class="ht-20"><!-- <i class="ht-font-f29603">*</i> -->
    近照</div>
  <div class="ht-overflow ht-relative person-photo">
    <img [src]="util.parseImageUrl(regData.recent_photo)" alt="" class="r-img2" *ngIf="regData.recent_photo">
    <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('recent_photo',$event)" [disabled]="regData.recent_photo">
  </div>
  <div margin-left class="ht-font-f29603 ht-font-12">信用值+10</div>
</div>
<!-- 其他证件 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000">
  <div class="ht-line-30">其他证件(<span class="ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>)</div>
  <div class="ht-overflow">
      <div class="flex flex-wrap">
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[0])" alt="" class="r-img2" *ngIf="regData.other_photo[0]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_0',$event)" [disabled]="step==2">
              </div>
          </div>
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[1])" alt="" class="r-img2" *ngIf="regData.other_photo[1]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_1',$event)" [disabled]="step==2">
              </div>
            <!--<span class="ht-inline-block ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>-->
          </div>
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[2])" alt="" class="r-img2" *ngIf="regData.other_photo[2]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_2',$event)" [disabled]="step==2">
              </div>
              <!--<span class="ht-inline-block ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>-->
          </div>
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[3])" alt="" class="r-img2" *ngIf="regData.other_photo[3]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_3',$event)" [disabled]="step==2">
              </div>
              <!--<span class="ht-inline-block ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>-->
          </div>
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[4])" alt="" class="r-img2" *ngIf="regData.other_photo[4]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_4',$event)" [disabled]="step==2">
              </div>
              <!--<span class="ht-inline-block ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>-->
          </div>
          <div class="margin-top-5 margin-left-5">
              <div class="idcard ht-relative">
                  <img [src]="util.parseImageUrl(regData.other_photo[5])" alt="" class="r-img2" *ngIf="regData.other_photo[5]">
                  <input type="file" class="upload-input cover opacity-0" (change)="uploadImage('other_photo_5',$event)" [disabled]="step==2">
              </div>
              <!--<span class="ht-inline-block ht-100 ht-text-center ht-font-f29603 ht-font-12">信用值+10</span>-->
          </div>
      </div>
  </div>
</div>
<!-- 详细地址 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-30 flex flex-align-center">
  <div class="ht-20 ht-float-left"><i class="ht-font-f29603">*</i>详细地址</div>
   <div class="ht-80 ht-float-left flex flex-align-center">
      <input type="text" class="ip-input ht-70" [(ngModel)]="regData.address" [disabled]="step==2">
      <span class="ht-font-f29603 ht-font-12 r-padding-left">信用值+5</span>
  </div>
</div>
<!-- 备用电话 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-20 flex flex-align-center">
    <div class="ht-20 ht-float-left">备用电话</div>
    <div class="ht-80 ht-float-left flex flex-align-center">
      <input type="text" class="ip-input" [(ngModel)]="regData.spare_mobile_number" [disabled]="telStep">
      <div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+5</div>
    </div>
</div>
<!-- 微信 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-20 flex flex-align-center">
    <div class="ht-20 ht-float-left">微信</div>
    <div class="ht-80 ht-float-left flex flex-align-center">
      <input type="text" class="ip-input" [(ngModel)]="regData.wechat" [disabled]="wxStep">
      <div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+3</div>
    </div>
</div>
<!-- QQ号 -->
<div class="ht-100 ht-overflow ht-border-bottom ht-padding ht-font-13 ht-000 ht-line-20 flex flex-align-center">
    <div class="ht-20 ht-float-left">QQ</div>
    <div class="ht-80 ht-float-left  flex flex-align-center">
        <input type="text" class="ip-input" [(ngModel)]="regData.qq" [disabled]="QQStep">
        <div class="ht-font-f29603 ht-font-12 ht-float-left r-padding-left">信用值+3</div>
    </div>
</div>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <div class="ht-100 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" (click)="doPost()">
        <span *ngIf="step!=2">提交</span>
        <span *ngIf="step==2">完成</span>
    </div>
  </ion-toolbar>
</ion-footer>